<%--
  Created by IntelliJ IDEA.
  User: Qi'Q'i
  Date: 2020/12/17
  Time: 10:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>学生管理系统 管理员后台</title>
   <%--小图标--%>
   <link href="view/images/favicon.ico" rel="shortcut icon" />
   <link href="view/images/favicon.ico" rel="icon" />
   <%--css--%>
   <link rel="stylesheet" type="text/css" href="view/css/login.css">
    <link rel="stylesheet" type="text/css" href="view/css/system.css">
   <%--左侧导航js.css--%>
    <link rel="stylesheet" type="text/css" href="view/css/nav.css">
    <script type="text/javascript" src="easyui/js/jquery.min.js"></script>
    <script type="text/javascript" src="easyui/js/nav.js"></script>

    <script type="text/javascript">
        $(function () {
            document.getElementById("ifm").src ="view/welcome.jsp";//Url地址
            $("#ifm").load(function () {
                var h = document.body.clientHeight;
                var w = document.body.clientWidth;
                document.getElementById("ifm").height = h + "px";
                document.getElementById("ifm").width = w + "px";
            });
            document.querySelector(".target_0").addEventListener("click",e=>{
                document.getElementById("ifm").src ="view/welcome.jsp";
            })
            document.querySelector(".target_1").addEventListener("click",e=>{
                document.getElementById("ifm").src ="StudentServlet?method=toStudentListView";
            })
            document.querySelector(".target_2").addEventListener("click",e=>{
                document.getElementById("ifm").src ="ClazzServlet?method=toClazzListView";
            })
            document.querySelector(".target_3").addEventListener("click",e=>{
                document.getElementById("ifm").src ="TeacherServlet?method=toTeacherListView";
            })
            document.querySelector(".target_4").addEventListener("click",e=>{
                document.getElementById("ifm").src ="SystemServlet?method=toPersonalView";
            })
        })

    </script>
</head>
<body class="" style="overflow-x: hidden" scroll="no">
<noscript>
   <div style=" position:absolute; z-index:100000; height:2046px;top:0px;left:0px; width:100%; background:white; text-align:center;">
      <img src="images/noscript.gif" alt='抱歉，请开启脚本支持！' />
   </div>
</noscript>

<div class="container">
    <div class="top">
   <span style="float:right; margin-top: 75px;margin-right: 10px;">
       <span style="color:white; font-weight:bold;font-size: 18px;">${user.name}&nbsp;</span>
       <span style="color: white">您好&nbsp;&nbsp;|</span><a href="LoginServlet?method=logout" id="loginOut">安全退出</a>
   </span>

   <span class="head">学生信息管理系统
   <img src="view/images/main_top.gif" alt=""/></span>
    </div>

    <div class="left">
        <%--列表--%>
        <div class="nav" style="float: left">
            <div class="nav-top">
                <div id="mini" style="border-bottom:1px solid rgba(255,255,255,.1); cursor: pointer;"><img src="view/images/mini.png" ></div>
            </div>
            <ul>
                <li class="nav-item target_0">
                    <a href="#" style="text-decoration: none;"><span><img src="view/images/house.png"></span><span style="margin-left:10px">首页</span></a>
                </li>


                <li class="nav-item">
                    <a href="javascript:;"style="text-decoration: none;"><span><img src="view/images/student.png"><span style="margin-left:10px">学生信息管理</span></span></a>
                    <ul >
                        <%--跳转到内部js--%>
                        <li class="target_1"><a href="#"  style="text-decoration: none;"><span>学生列表</span></a></li>
                    </ul>
                </li>
                <c:if test="${userType == 1 || userType == 3}">
                <li class="nav-item" >
                    <a href="javascript:;"style="text-decoration: none;"><span><img src="view/images/class.png"><span style="margin-left:10px">班级信息管理</span></span></a>
                    <ul>
                        <li class="target_2"><a href="#"  style="text-decoration: none;"><span>班级列表</span></a></li>
                    </ul>
                </li>
                </c:if>

                <c:if test="${userType == 1 || userType == 3}">
                <li class="nav-item">
                    <a href="javascript:;"style="text-decoration: none;"><span><img src="view/images/teacher.png"><span style="margin-left:10px">教师信息管理</span></span></a>
                    <ul>
                        <li><a class="target_3" href="#"style="text-decoration: none;"><span>教师列表</span></a></li>
                    </ul>
                </li>
                </c:if>
                <li class="nav-item">
                    <a href="javascript:;"style="text-decoration: none;"><span><img src="view/images/set.png"><span style="margin-left:10px">系统管理</span></span></a>
                    <ul>
                        <li><a class="target_4" href="#"style="text-decoration: none;"><span>修改密码</span></a></li>
                    </ul>
                </li>
            </ul>
    </div>

    <div class="content">
        <div region="center" style="overflow-y:hidden">
                <iframe name="ifm" id="ifm" style="background-color: white; height: 87vh;width:100%;" marginwidth="0" marginheight="0" frameborder="0">
                </iframe>
    </div>
</div>



</div>


</div>

</body>
</html>